android和Flutter的混合工程Demo

2023-04-18 11:24| 来源: 网络整理| 查看: 265

Flutter和Android混合工程的启动逻辑与纯Flutter应用程序的启动逻辑略有不同。在混合工程中，您需要在Android项目中添加一些额外的代码来启动Flutter引擎并加载Flutter代码。以下是整个app的启动逻辑的详细解释：

在Android项目中添加Flutter依赖项

首先，您需要在Android项目中添加Flutter依赖项。在build.gradle文件中，添加以下依赖：

dependencies { implementation 'com.google.guava:listenablefuture:9999.0-empty-to-avoid-conflict-with-guava' implementation 'androidx.annotation:annotation:1.2.0' implementation 'io.flutter:flutter_embedding:2.8.1' // or your desired Flutter version } 创建Flutter引擎实例

接下来，您需要在MainActivity类中创建一个Flutter引擎实例。您可以使用以下代码创建FlutterEngine对象：

private FlutterEngine flutterEngine; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); // Create a FlutterEngine. flutterEngine = new FlutterEngine(this); // Start executing Dart code in the FlutterEngine. flutterEngine.getDartExecutor().executeDartEntrypoint( DartExecutor.DartEntrypoint.createDefault() ); }

配置Flutter引擎

接下来，在MainActivity类中配置Flutter引擎。您可以使用以下代码将Flutter引擎添加到Activity生命周期回调中：

@Override public void configureFlutterEngine(@NonNull FlutterEngine flutterEngine) { GeneratedPluginRegistrant.registerWith(flutterEngine); }

在这个示例中，我们使用GeneratedPluginRegistrant类将所有默认的Flutter插件注册到Flutter引擎中。您可以自己添加其他插件。

启动Flutter引擎

接下来，在MainActivity类中启动Flutter引擎并加载Flutter代码。您可以使用以下代码：

@Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); // Create a FlutterEngine. flutterEngine = new FlutterEngine(this); // Start executing Dart code in the FlutterEngine. flutterEngine.getDartExecutor().executeDartEntrypoint( DartExecutor.DartEntrypoint.createDefault() ); // Configure an initial route. String initialRoute = "/"; flutterEngine.getNavigationChannel().setInitialRoute(initialRoute); // Start FlutterActivity. startActivity( FlutterActivity .withCachedEngine("my_engine_id") .build(this) ); }

编写Flutter页面

接下来，您需要编写Flutter页面。在lib/main.dart文件中，替换默认代码：

import 'package:flutter/material.dart'; void main() => runApp(MyApp()); class MyApp extends StatelessWidget { @override Widget build(BuildContext context) { return MaterialApp( title: 'My App', home: Scaffold( appBar: AppBar( title: Text('My App'), ), body: Center( child: Text('Hello, Flutter!'), ), ), ); } }

运行Android应用程序

最后，您可以构建并运行Android应用程序，这将同时启动原生和Flutter部分。在应用程序启动后，它将显示一个标题为“My App”的AppBar，并在屏幕中央显示一条文本“Hello, Flutter!”。

总的来说，整个app的启动逻辑包括添加Flutter依赖项、创建Flutter引擎实例、配置Flutter引擎、启动Flutter引擎并加载Flutter代码，以及编写Flutter页面。最后，您可以构建并运行Android应用程序。

【本文地址】

公司简介

联系我们